Jassif Team Institution

HTML உள்ளீட்டு form* பண்புக்கூறுகள்

இந்த அத்தியாயம் HTML <input> உறுப்புக்கான வெவ்வேறு form* பண்புக்கூறுகளை விவரிக்கிறது.

form பண்புக்கூறு

உள்ளீட்டு form பண்புக்கூறு <input> உறுப்பு சேர்ந்த படிவத்தைக் குறிப்பிடுகிறது.

இந்த பண்புக்கூறின் மதிப்பு அது சேர்ந்த <form> உறுப்பின் id பண்புக்கூறுக்கு சமமாக இருக்க வேண்டும்.

எடுத்துக்காட்டு

HTML படிவத்திற்கு வெளியே அமைந்துள்ள உள்ளீட்டுப் புலம் (ஆனால் இன்னும் படிவத்தின் ஒரு பகுதியாக):

<form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">

formaction பண்புக்கூறு

உள்ளீட்டு formaction பண்புக்கூறு படிவம் சமர்ப்பிக்கப்படும் போது உள்ளீட்டை செயலாக்கும் கோப்பின் URL ஐக் குறிப்பிடுகிறது.

எடுத்துக்காட்டு

வெவ்வேறு செயல்களைக் கொண்ட இரண்டு submit பொத்தான்களைக் கொண்ட HTML படிவம்:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>

formenctype பண்புக்கூறு

உள்ளீட்டு formenctype பண்புக்கூறு படிவ-தரவு சமர்ப்பிக்கப்படும் போது எவ்வாறு குறியாக்கம் செய்யப்பட வேண்டும் என்பதைக் குறிப்பிடுகிறது (method="post" உடன் கூடிய படிவங்களுக்கு மட்டும்).

எடுத்துக்காட்டு

இரண்டு submit பொத்தான்களைக் கொண்ட படிவம். முதலாவது இயல்புநிலை குறியாக்கத்துடன் படிவ-தரவை அனுப்புகிறது, இரண்டாவது "multipart/form-data" ஆக குறியாக்கப்பட்ட படிவ-தரவை அனுப்புகிறது:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>

formmethod பண்புக்கூறு

உள்ளீட்டு formmethod பண்புக்கூறு செயல் URL க்கு படிவ-தரவை அனுப்புவதற்கான HTTP முறையை வரையறுக்கிறது.

எடுத்துக்காட்டு

இரண்டு submit பொத்தான்களைக் கொண்ட படிவம். முதலாவது method="get" உடன் படிவ-தரவை அனுப்புகிறது. இரண்டாவது method="post" உடன் படிவ-தரவை அனுப்புகிறது:

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>

formtarget பண்புக்கூறு

உள்ளீட்டு formtarget பண்புக்கூறு படிவத்தைச் சமர்ப்பித்த பிறகு பெறப்பட்ட பதிலை எங்கு காட்ட வேண்டும் என்பதைக் குறிக்கும் ஒரு பெயர் அல்லது முக்கியச்சொல்லைக் குறிப்பிடுகிறது.

எடுத்துக்காட்டு

வெவ்வேறு இலக்கு சாளரங்களைக் கொண்ட இரண்டு submit பொத்தான்களைக் கொண்ட படிவம்:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>

formnovalidate பண்புக்கூறு

உள்ளீட்டு formnovalidate பண்புக்கூறு ஒரு <input> உறுப்பு சமர்ப்பிக்கப்படும் போது சரிபார்க்கப்படக்கூடாது என்பதைக் குறிப்பிடுகிறது.

எடுத்துக்காட்டு

இரண்டு submit பொத்தான்களைக் கொண்ட படிவம் (சரிபார்ப்புடன் மற்றும் இல்லாமல்):

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formnovalidate="formnovalidate"
  value="Submit without validation">
</form>

novalidate பண்புக்கூறு

novalidate பண்புக்கூறு ஒரு <form> பண்புக்கூறு ஆகும்.

இருப்பின், novalidate அனைத்து படிவ-தரவும் சமர்ப்பிக்கப்படும் போது சரிபார்க்கப்படக்கூடாது என்பதைக் குறிப்பிடுகிறது.

எடுத்துக்காட்டு

எந்த படிவ-தரவும் சமர்ப்பிப்பில் சரிபார்க்கப்படக்கூடாது என்பதைக் குறிப்பிடவும்:

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

பயிற்சி

HTML படிவ மற்றும் உள்ளீட்டு உறுப்புகள்

form* பண்புக்கூறுகளின் சுருக்கம்: